<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/font_er15ihnquv/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <div class="chat">
            <nav>
                <ul class="chat_top">
                    <li>
                        <i class="icon iconfont icon-search"></i>
                        <input type="text">
                        <i class="icon iconfont icon-add"></i>
                    </li>
                    <li>
                        <i class="icon iconfont icon-news"></i>
                        <i class="icon iconfont icon-User"></i>
                        <i class="icon iconfont icon-function-fill"></i>
                    </li>
                    <li>
                        <i class=""></i>
                    </li>
                </ul>
            </nav>
            <article class="chat_content">
                <aside class="chat_friend_left">
                    <ul class="chat_friend_list">
                        <li class="friendList active">
                            <span>D</span>
                            <span>
                                <ul>
                                    <li>
                                        <p class="friendName">DW2009</p>
                                        <p class="nowtime">上午9:34</p>
                                    </li>
                                    <li>
                                        <p class="news">每周的周测试题.... </p>
                                    </li>
                                </ul>
                            </span>
                        </li>
                    </ul>
                </aside>
                <div class="chat_content_right">
                    <div>
                        <div class="chat_content_right_top">
                            <p class="chatTitle">DW2009</p>
                            <ul>
                                <li>
                                    <i class="icon iconfont icon-Telephone2"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-video-camera"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-Ellipsiscircle"></i>
                                </li>
                            </ul>
                        </div>
                        <ul class="chat_content_list">
                        </ul>
                        <div class="chat_content_bottom">
                            <ul class="chat_bottom_expression">
                                <li>
                                    <i class="icon iconfont icon-7biaoqing-1"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-jiandao"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-file"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-telephone"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-clock"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-bell"></i>
                                </li>
                                <li>
                                    <i class="icon iconfont icon-A"></i>
                                </li>
                            </ul>
                            <div>
                                <textarea name="" id="textareaInfo" cols="30" rows="20"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
        <div class="mask">
            <div>
                <p>温馨提示</p>
                <p>您已经下线,请重新登录</p>
                <ul>
                    <li class="mask_ok">确定</li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="./js/socket.io.min.js"></script>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/main.js"></script>
<script src="./js/index.js"></script>
<script>
</script>

</html>